<template>
    <div class="welcome-wrapper">
        <el-card class="content">
            <div slot="header">更新日志</div>
            <el-table :data="changeLogs" :show-header="false" scripe>
                <el-table-column
                  prop="date"
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="changeLog">
                  <template slot-scope="scope">
                    <ol style="padding-left: 12px;">
                        <li v-for="(row,index) in scope.row.changeLog.split('\n')" :key="index">
                            {{row}}
                        </li>
                    </ol>
                  </template>
                </el-table-column>                   
            </el-table>
        </el-card>
        <div class="title">DKP管理系统 v1.2.1 beta</div>
        <div class="title">Dragon Kill Points Management System v1.2.1 beta</div>
        <div class="copyright">CopyRight&copy; by The Mao Guild&reg; 2018</div>

        <el-dialog title="今日公告" width="800px" :visible.sync="boardMsgDialogShow">
          <el-form>
            <el-input type="textarea" rows="20" v-model="boardMsg" 
                readonly
                placeholder="请输入公告内容"></el-input>
            </el-form-item>
          </el-form>
        </el-dialog>
    </div>
</template>

<script>
import { getBoardMsg } from "../service/api";
let logs = [{
    date: '2018-11-29',
    changeLog: '毛会DKP管理系统上线运行'
},{
    date: '2018-11-30',
    changeLog: '修正大小号在线判定的一个BUG'
},{
    date: '2018-12-02',
    changeLog: '增加【数据维护】功能，可随时备份/还原数据'
},{
    date: '2018-12-05',
    changeLog: '活动查看增加【总览模式】，方便用户查看活动详细内容'
},{
    date: '2018-12-10',
    changeLog: '新增【今日公告】功能，管理员均可使用'
},{
    date: '2018-12-21',
    changeLog: '添加【全程补助加分】”项时，能够自动计算分数值（将所有常规加分项和其他加分项求和并乘以0.2，所以，如果有集合分和解散分，需要先添加这些，最后再添加全程补助加分）\n增加【更新日志】功能'
},{
    date: '2018-12-25',
    changeLog: '新增账号管理功能，超级管理员方可使用\n修正新添加角色时录入分数翻倍的问题'
},{
    date: '2018-12-26',
    changeLog: '处理浏览器兼容问题，已支持IE9以上浏览器，多核心（360、猎豹等）浏览器默认使用极速模式(webkit内核)'
},{
    date: '2018-12-27',
    changeLog: '修正当多个小号参团而大号未参团时计分不正确的bug\n优化DKP导入界面，增加全选和取消功能'
},{
    date: '2018-12-28',
    changeLog: '增加新功能，有首杀的活动会有特殊标记\n增加物品查看功能，数据来自60db网站'
},{
    date: '2019-01-02',
    changeLog: '增加安其拉神殿DKP计分功能，全面进军TAQ！'
},{
    date: '2019-04-01',
    changeLog: 'DKP查看明细界面增加筛选条件，支持只查看扣分记录\n加入按入团时间排序功能\n加入职业图标，美化界面'
},{
    date: '2019-04-04',
    changeLog: '增加体验服注册入口'
},{
    date: '2019-04-19',
    changeLog: '增加体验服账号查看功能，可以查看账号和账号下的角色，以及账号的在线情况\n增加体验服账号密码重置功能，需要由管理员权限操作\n增加NAXX计分系统，准备进军NAXX！'
},{
    date: '2019-04-25',
    changeLog: 'DKP查询界面增加出勤率统计功能，可查看各副本的出勤率以及总体出勤率，并支持排序'
},{
    date: '2019-04-28',
    changeLog: '新增统计图功能，可查看各人的大小号在副本的出勤情况，以及每个角色参加副本的分布情况\n在总计的统计图中，点击各扇区可查看具体的角色分布'
},{
    date: '2019-05-06',
    changeLog: '加入集合解散分计分规则，累计参团时长（大小号合并计算）未满活动时长半数的，没有集合和解散分'
},{
    date: '2019-08-19',
    changeLog: 'DKP列表中现在能够直接显示所属主号的DKP，可以愉快的查分了O(∩_∩)O\n导入活动数据界面新增添加人员功能，用来添加替补但没进组的人到本次活动'
},{
    date: '2019-08-21',
    changeLog: '修正DKP列表中不能排序的BUG'
}].reverse()

export default{
    data() {
        return {
            boardMsg: '',
            boardMsgDialogShow: false,
            changeLogs: logs
        }
    },
    created() {
        this.boardMsgDialogShow = true;
        getBoardMsg().then(({data})=>{
            this.boardMsg = data.data.boardMsg
        })
    }
}
</script>

<style lang="less" scoped>
    .welcome-wrapper{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        >.content{
            flex:1;
            width: 80%;
            // border: 1px dashed #ccc;
        }
        >div.title,>div.copyright{
            text-align: center;
        }
        .title{
            color: #5377f0;
        }
        .copyright{
            color: #e63b3b;
        }
    }
</style>
